﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	%>
<div id="footersidebarcontainer">
	<footer id="footersidebar">

		<div id="footcol1" class="footcol">
			<ul>
				<li class="widget-container">
					<h2 class="widget-title">Latest Post</h2>
					<ul class="recenpost-widget">
						<li><img src="<%=path%>/resources/images/content/rp1.jpg"
							alt="" />
							<h5>
								<a href="#">Donec consectetur libero ut tortor condimentum
									eu egestas est viverra.</a>
							</h5> <span class="smalldate">June 19, 2012, 3.00pm</span></li>
						<li><img src="<%=path%>/resources/images/content/rp2.jpg"
							alt="" />
							<h5>
								<a href="#">Pellentesque ac ante arcu. Mauris quis velit. eu
									egestas est viverra.</a>
							</h5> <span class="smalldate">June 19, 2012, 3.00pm</span></li>
					</ul></li>
			</ul>
		</div>
		<div id="footcol2" class="footcol">
			<ul>
				<li class="widget-container">
					<h2 class="widget-title">Categories</h2>
					<ul>
						<li><a href="#">Photography Design</a>
						</li>
						<li><a href="#">Wordpress</a>
						</li>
						<li><a href="#">jQuery Tabs and Toogle</a>
						</li>
						<li><a href="#">Site Templates</a>
						</li>
						<li><a href="#">Joomla</a>
						</li>
						<li><a href="#">CSS3 &amp; HTML5</a>
						</li>
						<li><a href="#">Images</a>
						</li>
						<li><a href="#">News</a>
						</li>
						<li><a href="#">Uncategorized</a>
						</li>
					</ul></li>
			</ul>
		</div>
		<div id="footcol3" class="footcol">
			<ul>
				<li class="widget-container">
					<h2 class="widget-title">BlogRoll</h2>
					<ul>
						<li><a href="#">Aliquam luctus rhoncus eros, non
								malesuada nunc consectetur a. Donec tristique rhoncus </a>
						</li>
						<li><a href="#">Pellentesque ac ante arcu. Mauris quis
								nunc velit. Praesent hendrerit et.</a>
						</li>
					</ul></li>
				<li class="widget-container">
					<h2 class="widget-title">Archives</h2>
					<ul>
						<li><a href="#">April 2012</a>
						</li>
						<li><a href="#">May 2012</a>
						</li>
						<li><a href="#">June 2012</a>
						</li>
					</ul></li>
			</ul>
		</div>
		<div id="footcol4" class="footcol">
			<ul>
				<li class="widget-container">
					<h2 class="widget-title">Gallery</h2>
					<div id="flickr">
						<div class="flickr-img">
							<a href="#"><img
								src="<%=path%>/resources/images/content/g1.jpg" alt="" />
							</a>
						</div>
						<div class="flickr-img last">
							<a href="#"><img
								src="<%=path%>/resources/images/content/g2.jpg" alt="" />
							</a>
						</div>
						<div class="flickr-img">
							<a href="#"><img
								src="<%=path%>/resources/images/content/g3.jpg" alt="" />
							</a>
						</div>
						<div class="flickr-img last">
							<a href="#"><img
								src="<%=path%>/resources/images/content/g4.jpg" alt="" />
							</a>
						</div>
					</div></li>
			</ul>
		</div>
		<div class="clear"></div>
	</footer>
</div>



<script type="text/javascript" src="<%=path%>/resources/js/jquery-1.6.4.min.js"></script>
<!-- jQuery Superfish -->
<script type="text/javascript" src="<%=path%>/resources/js/hoverIntent.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/superfish.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/supersubs.js"></script>

<!-- Custom Script -->
<script type="text/javascript" src="<%=path%>/resources/js/custom.js"></script>

<!-- Slider -->
<script type="text/javascript" src="<%=path%>/resources/js/jquery.animate-colors-min.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/jquery.skitter.js"></script>
<script type="text/javascript" src="<%=path%>/resources/js/jquery.easing.1.3.js"></script>


